/**
 * canvas.css
 *
 * @creator alextang<colinvivy#gmail.com>
 * @date 2011-04-07
 * @description 包含canvas页面的样式，此样式与生成的页面毫无关系
 */

/* common */
.hide {display:none;}

/* 布局 */
.workshop-header {position:fixed;top:0;width:100%;z-index:10;}
.workshop-header {height:30px;line-height:30px;background-color:#212121;text-align:center;color:#EEE;}
.workshop-header .pipe {padding:0px 12px;color:#ccc;}
.workshop-header .btn {cursor:pointer;}

.workshop-body {position:relative;margin-top:30px;background-color:#333;}
.workshop-canvas {position:relative;border-right:2px solid #000;height:100%;background-color:#fff;margin-right:300px;}
.workshop-leftbar {left:0;display:none;}

.main-canvas {width:100%;height:100%;}
.main-canvas-preview .workshop-canvas {margin-right:0px;}
.main-canvas-preview .workshop-rightbar {display:none;}

/* widget */
.workshop-rightbar {position:absolute;top:0px;right:0;width:280px;padding:5px 10px 0;}
.workshop-rightbar .title {height:30px;line-height:35px;color:#eee;}
.workshop-rightbar .title strong {float:left;font:bold 14px/30px Simsun;}
.workshop-rightbar .title a:link,.workshop-rightbar .title a:visited {color:#ccc;}
.workshop-rightbar .title a:hover {color:pink;}
.workshop-rightbar .title .more {float:right;font-family: Simsun;}
.workshop-rightbar .desp-list {line-height:23px;color:#ccc;}
.workshop-rightbar .panel {margin-top:10px;}
.widget-list li {margin-top:10px;padding:5px;border-top:1px solid #A6C623;background-color:#84B218;color:#fff;}
.widget-list li h4 {height:25px;line-height:25px;background-color:#333;text-indent:5px;color:#eee;cursor:move;}
.widget-list li iframe {margin-top:5px;width:270px;overflow-y:hidden;overflow-x:auto;background-color:#fff;}
.header-sample {margin:0px auto;width:950px;height:173px;background:url(/pb/img/header-sample.jpg) left top no-repeat;}
.footer-sample {margin:10px auto 0;width:950px;height:111px;background:url(/pb/img/footer-sample.png) left top no-repeat;}

.container {margin:0 auto 0 ;width:950px;zoom:1;}
.container:after {content:'';display:block;clear:both;height:0;visibility:hidden;}

.container .tag-layout {margin-top:10px;zoom:1;}
.container .tag-layout:after {content:'';display:block;clear:both;height:0;visibility:hidden;}
.container .tips-add-layout {margin-top:10px;border:1px dotted #999;background-color:#FFF3B3;cursor:pointer;line-height:25px;text-align:center;filter:alpha(opacity=70);opacity:0.7;}
.container .tips-add-layout:hover {filter:alpha(opacity=100);opacity:1;} 

/* 浮层 */
.layer {position:fixed;left:50%;top:20%;width:500px;margin-left:-250px;background-color:#fff;border:2px solid #303030;z-index:51;}
.layer .layer-title {height:30px;background-color:#303030;font:bold 12px/30px Simsun;color:#fff;padding-left:10px;}
.layer .layer-title h4 {float:left;font-size:14px;}
.layer .layer-title .btn-close {float:right;margin:6px 7px 0px 0px;width:17px;height:17px;overflow:hidden;font:bold 17px/15px Verdana;color:#fff;text-align:center;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.layer .layer-title .btn-close:hover {background-color:#fff;color:#303030;text-decoration:none;}
.layer .layer-cont {padding:15px;background-color:#FAFDFF;}
.layer .layer-cont p {margin-top:10px;line-height:21px;}
.layer .layer-cont .btn-wrap {margin-top:10px;}
.layer .layer-cont .btn-wrap input {padding:1px 10px;}

/* 浮层-填写页面基本信息 */
.layer-page-info {font:normal 12px/30px Simsun;}
.layer-page-info .row {position:relative;padding-left:100px;margin-top:5px;}
.layer-page-info .row label {position:absolute;top:0px;left:0px;width:95px;text-align:right;padding-right:5px;}
.layer-page-info .txt-short {width:200px;height:19px;border:1px solid #ccc;}

.layer-layout {width:990px;margin-left:-645px;}
.layer-layout .layer-cont {padding-top:0px;}
.layer-layout .layout-list li {zoom:1;overflow:hidden;margin-top:12px;cursor:pointer;border:2px solid #FAFDFF;padding:3px;}
.layer-layout .layout-list li:hover {border-color:#bfbfbf;}
.layer-layout .tagLayoutBox {height:50px;background-color:#ccc;}

/* layout on dragover */
.tagLayoutBox {height:80px;background-color:#ddd;}
.layout-dragover {background-color:#aaa;}

/* 按钮-删除布局 */
.btn-del-layout {position:relative;width:950px;height:0px;margin:0px auto;}
.btn-del-layout .btn-del {position:absolute;top:0px;right:-19px;width:17px;height:17px;text-align:center;font:bold 17px/15px verdana;background-color:red;color:#FFF;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}

/* shadow */
.shadow {width:100%;height:100%;position:fixed;top:30px;left:-300px;z-index:50;background-color:#BFE5FF;filter:alpha(opacity=20);opacity:0.2;}
